main {
  width: 100%;
  height: 100%;
}
.Blue-number {
  width: 100%;
  min-height: 340px;
  background: #4294FF;
}
.Blue-number .return {
  width: 100%;
  height: 50px;
  text-indent: 10px;
  line-height: 50px;
}
.Blue-number .motion-text-box {
  width: 100%;
  height: 100px;
}
.Blue-number .motion-text-box .motion-text {
  text-indent: 10px;
}
.Blue-number .motion-text-box .photo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 10px;
  background-size: cover;
}
.Blue-number .bottom-box {
  display: flex;
  width: 100%;
  height: 100px;
}
.Blue-number .bottom-box .all-motion {
  margin-left: 15px;
  width: calc(50% - 1px);
  min-height: 20px;
  border-right: 1px solid #ccc;
}
.Blue-number .bottom-box .all-motion .title {
  width: 100%;
  height: 20px;
  color: #ccc;
}
.Blue-number .bottom-box .all-motion .text {
  width: 100%;
  height: 20px;
}
.Blue-number .bottom-box .all-motion .text > span:nth-child(1) {
  font-size: 45px;
}
.Blue-number .bottom-box .week-motion {
  width: 50%;
  height: 100px;
  text-indent: 15px;
}
.Blue-number .bottom-box .week-motion .title {
  width: 100%;
  height: 20px;
  color: #ccc;
}
.Blue-number .bottom-box .week-motion .text {
  width: 100%;
  height: 20px;
}
.Blue-number .bottom-box .week-motion .text > span:nth-child(1) {
  font-size: 45px;
}
.Blue-number .motion-data {
  margin: auto;
  width: 90%;
  height: 100px;
}
.White-graphics {
  min-height: 600px;
  width: 100%;
}
.White-graphics .motion-duration {
  margin: 20px auto;
  padding: 0 15px;
  height: 247px;
  width: 95%;
  background: #fff;
  box-shadow: 1px 1px 8px 2px #ccc;
  border-radius: 15px;
}
.White-graphics .motion-duration .motion-duration-text {
  height: 42px;
  width: 100%;
  line-height: 42px;
}
.White-graphics .motion-duration .motion-duration-img {
  width: 100%;
  height: 240px;
}
.White-graphics .motion-classify {
  margin: auto;
  padding: 0 15px;
  height: 247px;
  width: 95%;
  background: #fff;
  box-shadow: 1px 1px 8px 2px #ccc;
  border-radius: 15px;
}
.White-graphics .motion-classify .motion-classify-text {
  height: 42px;
  width: 100%;
  line-height: 42px;
}
.White-graphics .motion-classify .motion-classify-img {
  width: 100%;
  height: 247px;
}
